<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="templates/commonLayout.xhtml">
	<ui:define name="content">
		<center>
			<p:panel header="Sesiones Lectivas del Horario: #{SESIONLECTIVA.horarioSeleccionado.estado}">
			
				<h:form>
					<!-- FILTROS -->
					<h:panelGrid columns="4" cellpadding="2">
						<h:outputLabel id="oupSede" value="#{msjs.sede}" />
						<h:selectOneMenu id="cboSede" value="#{SESIONLECTIVA.sedeSeleccionada}" styleClass="inputText">
							<f:selectItem itemValue="0" itemLabel="#{msjs.seleccionaElemento}"></f:selectItem>
							<f:selectItems id="itemsCboSede" value="#{SESIONLECTIVA.sedesByHorario}"></f:selectItems>
						</h:selectOneMenu>
						
						<h:outputLabel id="oupEspacioLectivo" value="#{msjs.espacioLectivo}" />
						<h:selectOneMenu id="cboEspacioLectivo" value="#{SESIONLECTIVA.espacioLectivoSeleccionado}" styleClass="inputText">
							<f:selectItem itemValue="0" itemLabel="#{msjs.seleccionaElemento}"></f:selectItem>
							<f:selectItems id="itemsCboEspacioLectivo" value="#{SESIONLECTIVA.espaciosLectivosByHorario}"></f:selectItems>
						</h:selectOneMenu>

						<h:outputLabel id="oupDocente" value="#{msjs.docente}" />
						<h:selectOneMenu id="cboDocente" value="#{SESIONLECTIVA.docenteSeleccionado}" styleClass="inputText">
							<f:selectItem itemValue="0" itemLabel="#{msjs.seleccionaElemento}"></f:selectItem>
							<f:selectItems id="itemsCboDocentes" value="#{SESIONLECTIVA.docentesByHorario}"></f:selectItems>
						</h:selectOneMenu>
									
						<h:outputLabel id="oupCurso" value="#{msjs.curso}" />
						<h:selectOneMenu id="cboCurso" value="#{SESIONLECTIVA.cursoSeleccionado}"  styleClass="inputText">
							<f:selectItem itemValue="0" itemLabel="#{msjs.seleccionaElemento}"></f:selectItem>
							<f:selectItems id="itemsCboCursos" value="#{SESIONLECTIVA.cursosByHorario}"></f:selectItems>
						</h:selectOneMenu>

						<h:outputLabel id="oupDia" value="#{msjs.dia}" />
						<h:selectOneMenu id="cboDia" value="#{SESIONLECTIVA.diaSeleccionado}"  styleClass="inputText">
							<f:selectItem itemValue="0" itemLabel="#{msjs.seleccionaElemento}"></f:selectItem>
							<f:selectItems id="itemsCboDia" value="#{SESIONLECTIVA.diasByHorario}"></f:selectItems>
						</h:selectOneMenu>
						
						<h:outputLabel id="oupFranja" value="#{msjs.franja}" />
						<h:selectOneMenu id="cboFranja" value="#{SESIONLECTIVA.franjaSeleccionada}"  styleClass="inputText">
							<f:selectItem itemValue="0" itemLabel="#{msjs.seleccionaElemento}"></f:selectItem>
							<f:selectItems id="itemsCboFranja" value="#{SESIONLECTIVA.franjasByHorario}"></f:selectItems>
						</h:selectOneMenu>
						
						<h:outputLabel id="oupTurno" value="#{msjs.turno}" />
						<h:selectOneMenu id="cboTurno" value="#{SESIONLECTIVA.turnoSeleccionado}"  styleClass="inputText">
							<f:selectItem itemValue="0" itemLabel="#{msjs.seleccionaElemento}"></f:selectItem>
							<f:selectItems id="itemsCboTurno" value="#{SESIONLECTIVA.turnosByHorario}"></f:selectItems>
						</h:selectOneMenu>
						
						<h:outputLabel id="oupSeccion" value="#{msjs.seccion}" />
						<h:selectOneMenu id="cboSeccion" value="#{SESIONLECTIVA.seccionSeleccionada}"  styleClass="inputText">
							<f:selectItem itemValue="0" itemLabel="#{msjs.seleccionaElemento}"></f:selectItem>
							<f:selectItems id="itemsCboSeccion" value="#{SESIONLECTIVA.seccionesByHorario}"></f:selectItems>
						</h:selectOneMenu>
						
						<h:commandButton id="btnBuscar" value="#{msjs.btnBuscar}"
							type="submit" action="#{SESIONLECTIVA.buscarSesionesLectivas}" />
					</h:panelGrid>

					<!-- RESULTADOS DE LA BÚSQUEDA -->
					<p:dataTable id="dtbSesionesLectivas" var="slect"
						value="#{SESIONLECTIVA.sesionesLectivasByHorario}" paginator="true"
						first="#{SESIONLECTIVA.desde}" rows="#{SESIONLECTIVA.cantidad}"
						rowKey="#{slect.sesionLectivaId}"
						selection="#{SESIONLECTIVA.sesionLectivaSeleccionada}"
						selectionMode="single">
						<f:facet name="header">
								Resultados de la búsqueda
						</f:facet>
						<p:column headerText="#{msjs.franja}">
							#{slect.sesionLectivaId}
						</p:column>
						<p:column headerText="#{msjs.seccion}">
							#{slect.seccion.nombre}
						</p:column>
						<p:column headerText="#{msjs.estado}">
							#{slect.franjadiaturno.franjadia.dia.nombre}
						</p:column>
						<p:column headerText="#{msjs.estado}">
							#{slect.franjadiaturno.franjadia.franja.horaInicio}
						</p:column>
						<p:column headerText="#{msjs.estado}">
							#{slect.franjadiaturno.franjadia.franja.horaFin}
						</p:column>
						<p:column headerText="#{msjs.docente}">
							#{slect.docente.nombre}
						</p:column>
						<p:column headerText="#{msjs.curso}">
							#{slect.curso.nombre}
						</p:column>
						<p:column headerText="#{msjs.espacioLectivo}">
							#{slect.espaciolectivo.nombre}
						</p:column>
						<p:column headerText="#{msjs.tipoSesionLectiva}">
							#{slect.tiposesionlectiva.nombre}
						</p:column>
						<p:column headerText="#{msjs.estado}">
							#{slect.estado}
						</p:column>
					</p:dataTable>					
					<f:facet name="footer">
						<h:commandButton id="btnEditarSesion" value="Editar" type="submit" action="#{SESIONLECTIVA.editarSesionLectiva()}"/> 
					</f:facet>

				<p:commandButton id="btnRegresar" value="Regresar" type="submit" action="horarios.xhtml"/>
				</h:form>
			</p:panel>
		</center>
	</ui:define>
</ui:composition>
</html>